@charset "utf-8";
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear: both;height:0;}
.clearfix{*zoom:1;}
.clear{ clear:both; height:0px; width:0px; line-height:0px; visibility:hidden; }
/*清除浮动*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, em {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
body { margin: 0; padding: 0; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; overflow-x: hidden; }
td, div { font-size: 12px; color: #444; }
a { color: #333; text-decoration: none; }
a:hover { color: #f30; }
img{ border:0;}
.clear { clear: both; }
.dis { display: none; }
.w { width: 1200px; margin: 0 auto; clear: both; overflow: hidden; }
.mt10 { margin-top: 10px; }
.m10 { margin: 10px auto; }
ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

@keyframes myfirst
{
from {background:#fff;}
to {background:#55afdb;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {background:#fff;}
to {background:#55afdb;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:#fff;}
to {background:#55afdb;}
}

@-o-keyframes myfirst /* Opera */
{
from {background:#fff;}
to {background:#55afdb;}
}

 

#topbar { background: #f6f6f6; height: 32px; line-height: 32px; display:none }
#topbar .w span { float: right; background: #fff; padding: 0 15px; color: #ddd; font-family:  "微软雅黑"; }
#topbar .w span a { font-family: arial; }
#topbar .w { color: #999; }
#tophead { height: 80px; padding: 15px 0; border-bottom: 1px solid #ebebeb; -webkit-box-shadow: #eee 0px 0px 8px; -moz-box-shadow: #eee 0px 0px 8px; box-shadow: #eee 0px 0px 8px; position: relative; z-index: 100 }
#tophead .w{ overflow:visible;}
#tophead .logo { background: url(../images/logo.jpg) no-repeat center; width: 240px; height:68px; float: left; }
#tophead form { float: right; margin-top: 20px; }
#tophead form .input { border: 1px solid #ddd; padding: 10px 15px; vertical-align: middle; border-right: 0; color: #555; }
#tophead form .bnt { background: #2194D3; border: 1px solid #2194D3; padding: 10px 25px; vertical-align: middle; color: #fff; }
#tophead.fixed { position: fixed; width: 100%; top: 0; background:#fff; z-index:200 }
#topnav { height: 80px; float: left; padding-top:6px; }
#topnav .w { width: auto; overflow: visible; }
#topnav .w ul { margin: 0; padding: 0; list-style: none; padding-top:10px }
#topnav .w ul li { float: left; margin:0 3px;  position: relative; }
#topnav .w ul li a { height: 40px; line-height: 40px; font-size: 14px; font-family: microsoft yahei; color: #333; padding: 0 8px; display: block; border-radius:8px;
transition: color, background 0.6s;
-moz-transition: color, background 0.6s;	/* Firefox 4 */
-webkit-transition: color, background 0.6s;	/* Safari 和 Chrome */
-o-transition: color, background 0.6s;	/* Opera */
}
#topnav .w ul li a:hover { background: #ef1c25; }
#topnav .w ul .hover a { background: #ef1c25; height: 40px; line-height: 40px; font-size: 14px; font-family: microsoft yahei; color: #fff;  display: block; }
#topnav .w ul li dl { position: absolute; z-index: 999; margin: 0; display: none; width: 180px; overflow:hidden; text-align:center; margin-left:-38px; padding-top:10px;}
#topnav .w ul li dl .fa{font-size: 36px;line-height: 13px;text-align: center; color:#ef1c25;}
#topnav .w ul li dl .erlist{ background:#ef1c25; padding:8px; border-radius:8px;}
#topnav .w ul .hover dl dd a { background: #ef1c25; border-bottom: 1px solid #187EC6; height: 40px; line-height: 40px; display: block; font-size: 14px;   }
#topnav .w ul .hover dl dd a:hover { background: #fff; color: #333; display: block; }
#banner { height: 550px; }
#full-screen-slider { width: 100%; height: 550px; position: relative; z-index: 10; }
#slides { display: block; width: 100%; height: 550px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; bottom: 10px; z-index: 2000; padding: 15px 0; margin: 0 ; text-align:center;  left:50% }
#pagination li { display: inline-block; list-style: none; width: 30px; height: 3px; text-align:center;  border-radius: 5px; background: #fff; margin:0 5px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current {background:#cd0003  ;}
#full-screen-slider .prev, #full-screen-slider .next {
width: 80px;
height: 80px;
background-image: url("../images/Sprites.png");
position: absolute;
top: 300px;
display: block;
z-index: 1000;
cursor: pointer;
}
#full-screen-slider .prev{ background-position:80px -1px; left:-100px;}
#full-screen-slider .next{background-position:80px -80px; right:-100px;}
/*推荐商品*/
.tjcp-wrap { padding:50px 0; }
.tjcp-wrap .title { padding-top:0; padding-bottom:20px;}
.tjcp-wrap .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center; }
.tjcp-wrap .title .line { width: 36px; height: 1px; line-height: 1px; background: #cd0003; margin: 15px auto; }
.tjcp-wrap .title .desc { text-align: center; font-size: 12px; line-height: 20px; }
.tjcp-wrap { position: relative; }
.tjcp-wrap .part4 .in { position: relative; height: 220px; }
.tjcp-wrap .part4 li { position: absolute; width: 385px; text-align: center; }
.tjcp-wrap .part4 li.li_01{ top:0; left:0;}
.tjcp-wrap .part4 li.li_02{ top:0; left:408px;}
.tjcp-wrap .part4 li.li_01{ top:0; left: auto; right:0}

/*tingshow*/
.i-tingshow { padding: 50px 0; background:#F5F5F5 }
.i-tingshow .title { width: 100%; }
.i-tingshow .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center;  }
.i-tingshow .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-tingshow .title .desc { text-align: center; font-size: 12px; line-height: 20px; }

.dm_cases{width:100%;min-width:1200px;background:#f5f5f5;padding:0 0 50px 0;overflow:hidden;}
.cases_list{width:100%;margin:20px 0 0 0;}

.cases_ul{width:100%;margin-bottom:30px;}
.cases_ul li{width:570px;float:left;overflow:hidden;position:relative; margin:0px 10px 30px 10px;-webkit-transition: all .4s ease;transition: all .4s ease; border:1px #F3F3F3 solid; background:#F3F3F3}
.cases_ul li .yt_brandlist{width:100%;height:100%;display:block;}
.cases_ul li .img{ width:269px;height:200px;overflow:hidden;background: url("../images/loading.gif") no-repeat center center #FFFFFF;position: relative;overflow: hidden; float:left}
.cases_ul li .img img{width:269px;height:200px;display:block;display:none;}
.yt-h5{padding:0 15px;background:#fff;overflow:hidden;position:relative;text-align:left; float:left; width:271px; height:200px}
.yt-h5 h5{font-size:18px;line-height:22px;height:22px;overflow:hidden;color:#333;margin:18px 0 6px;}
.yt-h5 p{line-height:22px;color:#848484;overflow:hidden;font-size:14px;}
.yt-h5 span{width:24px;height:11px;display:block;position:absolute;margin-top:-6px;background:url(../images/morej.png) 0 center no-repeat; bottom:20px}
.cases_ul li:hover{-webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px)}
.cases_ul li:hover .yt-h5{background:#d81713;}
.cases_ul li:hover .yt-h5 h5,.cases_ul li:hover .yt-h5 p{color:#fff;}
.cases_ul li:hover .yt-h5 span{background-position:-90px center;}
.w_disno{display:none}

/*** caselist */
.caselist { width: 1170px; margin: 0 auto; position: relative; padding:15px 0; }
.caselist .sPrev, .caselist .sNext { position: absolute; left: -15px; top: 10px; display: block; width: 30px; height: 94px; border: 1px solid #ddd; background: url(images/icoLeft.gif) center center no-repeat #f4f4f4; display:none; }
.caselist .sNext { left: auto; right: -15px; background: url(images/icoRight.gif) center center no-repeat #f4f4f4; }
.caselist .sPrev:hover, .caselist .sNext:hover { border-color: #f60; }
/* 荣誉资质 */
.i-honor { padding: 50px 0; height: 360px; }
.i-honor .title { position: absolute; width: 100%; }
.i-honor .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center; font-weight: bold; }
.i-honor .title .line { width: 36px; height: 1px; line-height: 1px; background: #999; margin: 15px auto; }
.i-honor .title .desc { text-align: center; font-size: 12px; line-height: 20px; }
/* 本例子css */
.picScroll-left { overflow: hidden; position: relative; top: 120px; width: 1200px; margin: 0 auto; }
.picScroll-left .hd { height: 1px; padding: 0; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 33px; height: 33px; float: right; overflow: hidden; cursor: pointer; font-size: 24px; color: #51a8d2; border: 1px solid #51a8d2; text-align: center; line-height: 33px; top: 110px; left: 0; position: absolute; }
.picScroll-left .hd .next { left: auto; right: 0; position: absolute; }
.picScroll-left .hd .prev i, .picScroll-left .hd .next i{ line-height:33px; font-size:16px;}
.picScroll-left .hd  a:hover{ background:#51a8d2; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picScroll-left .hd  a:hover i{ color:#fff;}
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { width: 1048px; margin: 0 auto; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 10px; float: left; _display: inline; overflow: hidden; text-align: center; -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, .1); -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .1); box-shadow: 0 0 10px rgba(204, 204, 204, .1); border: 1px solid #ebebeb; position: relative; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 240px; height: 240px; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.picScroll-left .bd ul li .title { line-height: 24px; }
.picScroll-left .bd ul li a.Mask { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; background: rgba(88,171,212,.8); display: none; }
.picScroll-left .bd ul li .inner { border: 2px solid #fff; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; text-align: center; color: #fff; }
.picScroll-left .bd ul li .ht { padding-top: 80px; font-size: 24px; text-align: center; margin-bottom: 12px; }
.picScroll-left .bd ul li .ht span { display: inline-block; padding-bottom: 12px; border-bottom: 1px solid #fff; color: #fff; font-size: 16px }
.picScroll-left .bd ul li p { font-size: 18px; font-family: Arial; line-height: 18px; margin: 0 0 43px 0; }
.picScroll-left .bd ul li .more { display: inline-block; width: 70px; height: 70px; background: url(../images/more.png); margin: 0 auto; float: none; display: none; }
/* about us */
.i_about { background: url(../images/i_about.jpg) center center no-repeat; height: 480px; }
.i_about .title { width: 100%; }
.i_about .title .tit {  font-size: 24px; color: #333; text-align: center;   font-size: 36px;
color: white;
line-height: 66px;
margin-top: 109px;}
.i_about .title .desc  {
width: 100%;
font-size: 18px;
color: white;
line-height: 32px;
margin-top: 8px;
max-height: 96px;
overflow: hidden;
text-align:center;
}
/* 跳到数字 */
.dm_years{padding:20px 50px 80px;}
.dm_years ul li{width:32.33%;float:left;text-align:center;min-height:114px;}
.dm_years ul li+li{border-left:1px dotted #fff;}
.dm_years ul li .number{font-size:20px;color:#fff;}
.dm_years ul li span{font-size:72px;margin-right:6px;font-family: 'UKIJQolyazma_0';line-height:72px;}
.dm_years ul li p{font-size:18px;line-height:22px;opacity:.8;color:#fff;}


/* news */
.i-news { padding: 50px 0; background:#F5F5F5 }
.i-news .title { width: 100%; }
.i-news .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center;  }
.i-news .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-news .title .desc { text-align: center; font-size: 12px; line-height: 20px; }

.news_list{width:100%; margin: 20px 0;}
.news_list ul li{width:390px;height:428px;background:#fff;overflow:hidden;float:left;-webkit-transition: all .4s ease;transition: all .4s ease;}
.news_list ul li+li{margin-left:15px;}
.news_list ul li a{width:100%;display:block;}
.news_list ul li .img1{width:100%;height:260px;overflow:hidden;background: url("../images/loading.gif") no-repeat center center #FFFFFF;}
.news_list ul li .img1 img{width: 100%;display: none;}
.news_list .info{padding:0 18px;text-align:left; }
.news_list .info_title{border-bottom:1px solid #e5e5e5;padding:18px 0;margin-bottom:14px; height:auto;}
.news_list .info_title h3{color:#333;line-height:22px;height:22px;overflow:hidden;font-size:18px;margin-bottom:6px;}
.news_list .info_title h6{color:#333;line-height:22px;font-size:14px;opacity:.8;}
.news_list .info  p{line-height:22px;word-wrap:break-word;color:#848484;font-size:14px; border:none;}
.news_list ul li:hover{-webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px)}
.news_list ul li:hover .info_title h3{color:#d81713;}

/* partners  品牌中心 */
.i-partners { padding: 50px 0; background:#fff }
.i-partners .title { width: 100%; }
.i-partners .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center;  }
.i-partners .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-partners .title .desc { text-align: center; font-size: 12px; line-height: 20px; }

.multipleColumn{ overflow:hidden; position:relative; width:100%;margin-top:40px;padding-bottom:20px;}
.multipleColumn .hd{ overflow:hidden;height:30px; background:#fff;width:100%;position:absolute;bottom:-10px;left:0;text-align:center;}
.multipleColumn .hd ul li{border-radius:100%;width:10px; height:10px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer;background:#e7e7e7;z-index:102;display:inline-block;}
.multipleColumn .hd ul li.on{ background:#d81713; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin-right:0px;width:20%; height:180px; float:left; _display:inline; overflow:hidden; text-align:center;margin-bottom:30px;position:relative;}
.multipleColumn .bd ul li img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: gray;max-width:100%; }
.multipleColumn .bd ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: null;}


/* 联系方式 */
.contact_bot{width:100%;background:#f2f2f2;min-width:1200px;overflow:hidden;padding:50px 0 45px;}
.contact_bot ul li{float:left;margin-right:70px;font-size:16px;color:#333;opacity:.8;overflow:hidden;}
.contact_bot ul li span{display:block;width:30px;height:30px;background:url(../images/iconb.png) 0 0 no-repeat;margin-right:6px;float:left;}
.contact_bot ul li span.iconb2{background-position:8px -72px;}
.contact_bot ul li span.iconb3{background-position:0 -132px;}



.subject { color: #ef1c25; font-size: 18px; font-family: microsoft yahei; height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject b { display: inline-block; font-weight: normal; border-bottom: 2px solid #ef1c25; height: 40px; line-height: 40px; }
.subject span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject a {  font-size: 12px; font-family:  "微软雅黑"; }
.pro_width { width: 1012px; height: 370px; overflow: hidden; }
.prolist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width: 29999px; }
.prolist li { float: left; width: 240px; margin: 0 13px 13px 0; }
.prolist li a { border: 1px solid #eee; display: block; padding: 15px; }
.prolist li a img { border: 1px solid #eee; }
.prolist li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family: microsoft yahei; }
.prolist li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.prolist li a .more { display: block; margin: 15px auto 10px auto; text-align: center; background: #e5e5e5; width: 90px; line-height: 24px; }
.prolist li a:hover { border: 1px solid #ddd; }
.prolist li a:hover .title { color: #ef1c25; }
.prolist li a:hover .more { background: #ef1c25; color: #fff; }
.topcase { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.topcase li { float: left; width: 240px; margin: 0 13px 13px 0; }
.topcase li a { text-align: center; display: block; position: relative; height: 160px; overflow: hidden; }
.topcase li img { border: 1px solid #eee; width: 240px; height: 180px; display: block; margin-bottom: 10px; }
.topcase li a div { position: absolute; background: #333; width: 100%; line-height: 40px; height: 40px; color: #fff; display: block; bottom: -40px; left: 1px; opacity: 0.7 }
.bg_black { background: #eee; padding: 15px 0; }
.subject_news { color: #333; font-size: 18px; font-family: microsoft yahei; height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject_news b { display: inline-block; font-weight: normal; border-bottom: 2px solid #ef1c25; height: 40px; line-height: 40px; }
.subject_news span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject_news a { float: right; font-size: 12px; font-family:  "微软雅黑"; }
.newslist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.newslist li { float: left; width: 480px; margin: 0 20px 20px 0; }
.newslist li a img { float: left; margin-right: 10px; border: 1px solid #eee; }
.newslist li a .title { font-size: 16px; font-family: microsoft yahei; line-height: 30px; }
.newslist li a .date { font-size: 12px; color: #444; font-family: arial; line-height: 20px; }
.newslist li a .intro { line-height: 18px; color: #999; }
.newslist li a:hover .title { color: #f30; }
.link { padding: 15px; }
.link img { margin: 3px 8px 5px 0; }
.link ul { clear: both; margin: 0; padding: 0; list-style: none; }
.link ul li { float: left; width: 93px; height: 25px; overflow: hidden; }
.lefter { width: 260px; margin-right: 20px; float: left; display:none; }
.righter { float:  ; width: 1200px;}
.leftnav { background:url(../images/leftnav_bg.jpg) center center no-repeat;color: #fff; font-size: 18px; font-family: microsoft yahei; height:87px; }
.p20{ padding:20px;}
.leftnav h3{ font-size:18px; color:#fff; height:18px; margin:0; padding:0; margin-bottom:7px; line-height:18px;}
.leftnav em{ color:#86b0ce; font-style:normal; font-size:14px; line-height:14px; height:14px;}
.subnav { border: 1px solid #eee; margin: 0; padding: 0; list-style: none;}
.subnav li {}
.subnav li a { display: block; padding-left: 20px; background: #fff url(../images/left_li.png) 220px center no-repeat; font-size: 14px; line-height: 58px; height: 58px; border-bottom: 1px dotted  #eee;  border-top: 1px solid #eee; }
.subnav li a:hover { color: #ef1c25; font-weight: bold; background: #f3f3f3 url(../images/left_li_hover.png) 220px center no-repeat;}
.subnav .hover a { display: block; padding-left: 20px; color: #ef1c25; font-weight: bold; background: #f3f3f3; font-size: 14px; border-bottom: 1px solid #eee;background: #f3f3f3 url(../images/left_li_hover.png) 220px center no-repeat; }
.subnav dl { margin: 0; padding: 0; list-style: none; *margin-top:-12px;
}
.subnav dl dt { }
.subnav dl dt a { background: #fff; display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; padding-left: 20px; font-size: 12px; }
.subnav dl dt a:hover { background: #fff; font-size: 12px; font-weight: normal; color: #f30; }
.subnav li dl .hover a { color: #f30; font-size: 12px; font-weight: normal; background: #fff; }
.left_border { border: 1px solid #eee; border-top: 0; padding: 10px 15px; line-height: 25px; }
.left_border p { margin: 0; padding: 0; }
.left_border b { font-size: 14px; }
.container { line-height: 25px; font-size: 14px; padding: 15px 0; }
.container p { margin: 5px 0; font-family: microsoft yahei; font-size: 14px; }
.artshow { line-height: 25px; font-size: 14px; padding: 0 0 15px 0; }
.artshow .title { text-align: center; font-size: 20px; line-height: 30px; font-weight: 100; font-variant: normal; margin: 0; padding: 15px 0; font-family: microsoft yahei; }
.artshow .info { text-align: center; font-family: microsoft yahei; color: #999; padding: 0 0 15px 0; font-size: 14px; }
.artshow p { font-size: 14px; }
.artshow .pre { margin: 5px 0 5px 0; color: #999; }
.artshow .next { margin: 0 0 5px 0; color: #999; }
.prowidth { width: 1200px; overflow: hidden; }
.pro_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:1230px; }
.pro_list li { float: left; width: 292px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb; }
.pro_list li.mr0{ margin-right:0;}
.pro_list li a { border: 1px solid #eee; display: block; padding: 15px; }
.pro_list li a div.pic{ width:255px; height:190px; overflow:hidden; border: 1px solid #eee; overflow:hidden; margin:0 auto;}
.pro_list li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }
.pro_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family: microsoft yahei; }
.pro_list li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.pro_list li a .more { display: block; margin: 15px auto 10px auto; text-align: center; background: #e5e5e5; width: 90px; line-height: 24px; }
.pro_list li:hover{box-shadow:5px 5px #f3f3f3;  }
.pro_list li a:hover { border: 1px solid #ddd; }
.pro_list li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li a:hover .title { color: #ef1c25; }
.pro_list li a:hover .more { background: #ef1c25; color: #fff; }
.pic_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:940px; }
.pic_list li { float: left;  width: 292px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb;  }
.pic_list li.mr0{ margin-right:0}
.pic_list li a { border: 1px solid #eee; display: block; padding: 15px; }
.pic_list li a div.pic{ width:255px; height:255px; overflow:hidden;}
.pic_list li a img { border: 0; width:255px; height:255px;}
.pic_list li a div.pic{ width:255px; height:255px; overflow:hidden; border: 1px solid #eee; overflow:hidden; margin:0 auto;}
.pic_list li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }

.pic_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family: microsoft yahei; }
.pic_list li a:hover { border: 1px solid #ddd; }
.pic_list li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pic_list li a:hover .title { color: #ef1c25; }
.casewidth { width: 780px; overflow: hidden; }
.case_list { margin: 20px 0; padding: 0; list-style: none; }
.case_list li { width: 240px; margin: 0 20px 30px 0; float: left; text-align: center; font-family: microsoft yahei; }
.case_list li img { display: block; margin-bottom: 15px; }
.case_list li a { color: #666; font-size: 13px; }
.case_list li a:hover { color: #f30; }
.joblist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.joblist li { float: left; width: 480px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.joblist li a .title { font-size: 16px; font-family: microsoft yahei; line-height: 30px; }
.joblist li .line { padding: 0; margin: 0; line-height: 22px; }
.joblist li .line b { float: left; width: 70px; color: #555; }
.joblist li .line .intro { margin-left: 70px; }
.joblist li a:hover .title { color: #f30; }
.job_list { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.job_list li { float: left; width: 285px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.job_list li a .title { font-size: 16px; font-family: microsoft yahei; line-height: 30px; line-height: 40px; margin-bottom: 10px; }
.job_list li .line { padding: 0; margin: 5px 0; line-height: 24px; text-indent: 0; }
.job_list li .line b { float: left; width: 70px; }
.job_list li .line .intro { margin-left: 70px; }
.job_list li .line .intro p { margin: 0 0 5px 0; padding: 0; }
.job_list li a:hover .title { color: #f30; }
 
 
.rss_list { margin: 0; padding: 0; list-style: none; }
.rss_list li { border-bottom: 1px dotted #ddd; line-height: 40px; color: #999; }
.rss_list li a { font-size: 14px; font-family: microsoft yahei; }
/*list*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
.comment { overflow: hidden; clear: both; margin: 10px 0; }
.comment .line { clear: both; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.comment .line .base { font-family: microsoft yahei; font-weight: bold; line-height: 30px; font-size: 14px; }
.comment .line .base span { margin: 0 0 0 10px; color: #999; font-weight: normal; float: right; font-size: 12px; }
.comment .line .content { line-height: 20px; word-wrap: break-word; overflow: hidden; }
.comment .line .reply { font-family: verdana; word-wrap: break-word; overflow: hidden; }
.comment .line .reply strong { color: #f60; float: left; }
.comment_more { text-align: center; padding: 10px 0; font-family: microsoft yahei; font-size: 14px; }
.comment_more a { color: #999; }
.comment_more a:hover { color: #f30; }
.commentadd { margin: 10px 0; clear: both; }
.commentadd .text { }
.commentadd .text .div { padding: 0 5px 0 0; border: 1px solid #E4E2E2; border-bottom: 0; }
.commentadd .text .div textarea { width: 98%; height: 70px; overflow: auto; border: 0; padding: 10px; }
.commentadd .input { margin: 0; font-size: 14px; background: #fafafa; border: 1px solid #EDECEC; overflow: hidden; padding: 0px 5px 5px 15px; line-height: 40px; height: 40px; font-family: microsoft yahei; }
.commentadd .input .send { float: right; border: 1px solid #ef1c25; background: #ef1c25; color: #fff; padding: 8px 25px; margin: 5px 0 0; vertical-align: middle; cursor: pointer; font-family: microsoft yahei; }
.bookadd { margin: 20px 0; }
.bookadd div { margin-bottom: 15px; }
.bookadd .label { float: left; width: 100px; text-align: right; padding-right: 10px; clear: both; }
.bookadd .label span { color: #f30; font-family:  "微软雅黑"; }
.bookadd .enter { margin-left: 120px; }
.bookadd .enter .ip { border: 1px solid #ddd; padding: 10px 10px; vertical-align: middle; overflow: hidden; border-radius: 10px 0 10px 0; }
.bookadd .enter .bnt { border: 1px solid #ef1c25; background: #ef1c25; padding: 8px 20px; vertical-align: middle; color: #fff; cursor: pointer; }
.bookadd .enter label { display: block; }
.job_h1 { font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; margin: 10px 0; }
.info_title { font-size: 14px; font-weight: bold; border-bottom: 1px solid #f0f0f0; line-height: 30px; height: 30px; margin: 0 0 15px 0; }
.info_intro { padding: 0 0 20px 0; line-height: 22px; color: #666; }
.info_intro p { margin: 0 0 5px 0; padding: 0; }
.info_intro .red { color: #f30; margin: 0 5px; }
#goodsshow { margin: 20px 0; overflow: hidden; width: 900px; }
#goodsshow img { border: 0; }
#goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 360px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .right { width: 500px; }
#goodsshow .right h1 { font-size: 18px; font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#goodsshow .right .intro { color: #999; min-height: 80px; }
#goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .right .price span { color: #f60; font-size: 16px; }
a.inquiry { display: inline-block; background: #ef1c25; padding: 8px 30px; color: #fff; margin: 10px 0; font-size: 16px; font-family: microsoft yahei; border-radius: 4px; }
a:hover.inquiry { color: #fff; background: #f60; }
/* 公共底部 */
.footer { background: #f5f5f5; padding: 35px 0 0 0; }
#footer_l { float: left; height: 190px; position: relative; width: 560px; border-right: 1px solid #dcdcdc; }
#footer_l .logo { height: 60px; line-height: 60px; margin-bottom: 10px; }
.i_contact { line-height: 24px; font-size: 14px; color: #333; }
.erweima { position: absolute; width: 200px; height: 120px; right: 40px; top: 60px; }
#bg_foot_nav { text-align: center; float: right; }
.foot_nav { height: 40px; line-height: 40px; color: #fff; }
.foot_nav dl { width: 159px; float: left; height: 230px; text-indent: 40px; }
.foot_nav dl dt { height: 60px; line-height: 60px; font-size: 14px; text-align: left; }
.foot_nav dl dt a { color: #333; font-weight: bold; }
.foot_nav dl dd { line-height: 24px; text-align: left; }
.foot_nav dl dd a { color: #666; }
#bg_copyright { padding: 20px 0; border-top: 1px solid #dcdcdc; }
.copyright { color: #666; line-height: 25px; text-align: left; }
.copyright a { color: #666; }
.copyright a:hover { color: #ff0; }
#webcount { float: left; padding: 1px 5px; }
.page_banner_6{ height:260px; background: #f4f4f4 url(../images/page_banner6.jpg) center center no-repeat;}
.page_banner_22{ height:260px; background: #f4f4f4 url(../images/page_banner22.jpg) center center no-repeat;}
.page_banner_27{ height:260px; background: #f4f4f4 url(../images/page_banner27.jpg) center center no-repeat;}
.page_banner_21{ height:260px; background: #f4f4f4 url(../images/page_banner21.jpg) center center no-repeat;}
.page_banner_28{ height:260px; background: #f4f4f4 url(../images/page_banner28.jpg) center center no-repeat;}
.page_banner_26{ height:260px; background: #f4f4f4 url(../images/page_banner26.jpg) center center no-repeat;}
.page_banner_12{ height:260px; background: #f4f4f4 url(../images/page_banner12.jpg) center center no-repeat;}
.page_banner_30{ height:260px; background: #f4f4f4 url(../images/page_banner30.jpg) center center no-repeat;}
.page_banner_31{ height:260px; background: #f4f4f4 url(../images/page_banner31.jpg) center center no-repeat;}

.page_banner h2{ display:none;}
.righter .top-hr { height: 5px; background: #0358AB; margin-left: -5px; display: none; }
.righter .subject { padding: 20px 0; line-height:30px; border:none; height:35px; }
.righter .subject b { color: #ef1c25; font-size: 15px; font-style: normal; padding:0; margin:0; border:0; line-height:30px; height:30px; }
.righter .subject b i { margin-right: 10px; font-weight: bold; }
.righter .subject .bottom-hr { margin-top: 17px; background: #e4e4e4; height: 1px; width: 100%; position: relative; }
.righter .subject .bottom-hr .hr { height: 1px; width: 28px; background: #ef1c25; }
.righter .subject .bottom-hr .arrow { width: 12px; height: 7px; background: url(../images/arrow.png); position: absolute; left: 60px; top:0 }
.righter > .container { font-size: 13px; line-height: 24px; }
.righter > .prowidth {font-size: 13px; line-height: 24px; }
/* 面包屑 */
#position { margin: 0 auto; overflow: hidden; line-height: 30px; float: right; }


.sd-subject{color:#ef1c25;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.sd-subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #ef1c25;height:40px;line-height:40px;}
.sd-subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.sd-subject a{float:right;font-size:12px;font-family:  "微软雅黑"; }

/*更多按钮*/
.morej{width:178px;height:42px;display:block;border:1px solid #5c5c5c;margin:auto;font-size:16px;font-family:  "微软雅黑"; text-indent:40px;line-height:46px;text-align:left;position:relative;-webkit-transition: all .5s ease;transition: all .5s ease;-moz-transition: all .5s ease;}
.morej i{width:24px;height:11px;display:block;position:absolute;left:114px;top:50%;margin-top:-6px;background:url(../images/morej.png) 0 center no-repeat;}
.morej:hover{background:#d81713;border-color:#d81713;color:#fff;}
.morej:hover i{background-position:-90px center;}

/* 品牌列表 */
.Brand_list  { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:1240px; }
.Brand_list  li { float: left;  width: 223px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb;  }
.Brand_list  li.mr0{ margin-right:0}
.Brand_list  li a { border: 1px solid #eee; display: block; padding: 15px; }
.Brand_list  li a img { border: 0; width:170px; height:69px;}
.Brand_list  li a div.pic{ width:170px; height:69px; overflow:hidden; overflow:hidden; margin:0 auto;}
.Brand_list  li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }

.Brand_list  li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family: microsoft yahei; }
.Brand_list  li a:hover { border: 1px solid #ddd; }
.Brand_list  li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.Brand_list  li a:hover .title { color: #ef1c25; }

/* cases_ul2 */
.cases_ul2 { margin-bottom:0;}
.cases_ul2 .yt-h5{ background:#f3f3f3;}




/* 公共底部 */
.dm_footer{width:100%;min-width:1200px;background:#232323;}
.dm_footer .w{ overflow:visible;}
.menus_ft{width:100%;padding:22px 0;border-bottom:1px solid #393939;}
.menus_l{float:left;margin-top:8px;}
.menus_l ul li{float:left;margin-right:40px;height:24px;line-height:24px;}
.menus_l ul li a{display:block;font-size:16px;color:#fff;opacity:.8;}
.menus_l ul li a:hover,.menus_l ul li a.current{opacity:1;}
.dm_copyRight{padding:20px 0;text-align:left;}
.dm_copyRight span,.dm_copyRight a{color: #fff;opacity:.4;font-size:14px;}
.dm_copyRight span,.dm_copyRight{color: #fff;margin-right: 20px;opacity:.8;font-size:14px;}
.dm_copyRight a:hover{text-decoration:underline;}
/* 分享 */
.share{ position:relative; float:right}
.share a,.share a span{display: inline-block;background-image: url("../images/dmicon.png");background-repeat: no-repeat;width:25px;height: 25px;}
.share a{margin: 10px 4px 0px;}
.share a span{filter:alpha(opacity=0);opacity: 0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.share a:hover span{filter:alpha(opacity=100);opacity: 1;}
.share a.sina{background-position: 0 0;}
.share a.sina span{background-position: 0 -25px;}
.share a.tblog{background-position: 0 -50px;}
.share a.tblog span{background-position: 0 -75px;}
.share a.wechat{background-position: 0 -100px;}
.share a.wechat span{background-position: 0 -125px;}
.share a.in{background-position: 0 -150px;}
.share a.in span{background-position: 0 -175px;}
.sharetext{ color:#bdbdbd; position:absolute; left:-65px; top:14px; }
.share .weixin{position: absolute;right: -30px;top: -160px;z-index: 101;width:168px; height:173px;display: none; background:url("../images/QR.png") no-repeat;}
.share .weixin h3{position: relative;font-weight: bold;color: #000000;}
.share .weixin h3 em{position: absolute;right: 0px;top: -5px;font-style: normal;color: #666666;font-weight: normal;font-size: 1.5em;cursor: pointer;}
.share .weixin div{text-align: center;margin: 20px 0;}

.canshu{ width:33%}
.canshu1{ width:48%}